div.wrapper {  margin: 0 auto; position: relative; height:352px;}
.family_x{position:absolute;right:655px;top:520px;width:200px;z-index:9999;}
.family_x ul{}
.family_x ul li{width:100px;float:left;height:22px;line-height:22px;}
.family_x ul li a{font:bold 14px/22px "微乳雅黑";color:#bcbcbc;display:block;padding-left:30px;}
.family_x ul li a:visited{color:#bcbcbc;}
.family_x ul li a:hover{text-decoration:none;color:#FFCC00;}
.family_x ul li.fam_01{background:url(../images/zg.png) no-repeat 0px 50%;}
.family_x ul li.fam_02{background:url(../images/yw.png) no-repeat 0px 50%;}




.fn-clear { zoom: 1; }
.box_skitter { position: relative; background: none; }
    .box_skitter ul { display: none; }
    .box_skitter .container_skitter { overflow: hidden; position: relative;width:100%!important;height:auto; }
    .box_skitter .image { overflow: hidden; }
        .box_skitter .image img {width: 100%; height: auto; }
    .box_skitter .box_clone { position: absolute; top: 0; left: 0; width: 100px; overflow: hidden; display: none; z-index: 20; width:100%!important;height:auto}
        .box_skitter .box_clone img { position: absolute; top: 0; left: 0; z-index: 20;width:100%!important;height:auto }
    .box_skitter .prev_button { position: absolute; top: 50%; left: 2.86458%; z-index: 999; width:2.55208%; height: 21.16666%; overflow: hidden; text-indent: -9999em; margin-top: -25px; background: url(../images/prev.png) no-repeat;background-size:100%; }
    @media (min-width:1500px) and (max-width:1600px){
        .box_skitter .prev_button{
            background-size: 100%!important;
        }
        .box_skitter .next_button{
            background-size: 100%!important;
        }
    }
    @media (min-width:1350) and (max-width:1463px){
        .box_skitter .prev_button{
            background-size: 100%!important;
        }
        .box_skitter .next_button{
            background-size: 100%!important;
        }
    }
    @media (min-width:1200) and (max-width:1500px){
        .box_skitter .prev_button{
            background-size: 100%!important;
        }
        .box_skitter .next_button{
            background-size: 100%!important;
        }
    }
    @media (max-width:1200px) and (min-width:768px){
        .box_skitter .prev_button{
            background-size: 100%!important;
        }
        .box_skitter .next_button{
             background-size: 100%!important;
        }
    }
    @media (max-width:768px) and (min-width:400px){
        .box_skitter .prev_button{
            background-size: 100%!important;
        }
        .box_skitter .next_button{
             background-size: 100%!important;
        }
    }
  
    .box_skitter .next_button { position: absolute; top: 50%; right:2.86458%; z-index: 999; width:2.55208%; height: 21.16666%; overflow: hidden; text-indent: -9999em; margin-top: -25px; background: url(../images/next.png) no-repeat;background-size:100%; }
    .box_skitter .label_skitter { z-index: 150; position: absolute; display: none; }
.loading { position: absolute; top: 50%; right: 50%; z-index: 10000; margin: -16px -16px; color: #fff; text-indent: -9999em; overflow: hidden; background: url(../images/ajax-loader.gif) no-repeat left top; width: 31px; height: 31px; }
#slideshow { width: 100%; height:100%; overflow:hidden;}
    #slideshow ul { display: block;width: 100%; height:auto; overflow:hidden;}
    #slideshow ul li{
        width: 100%; height: auto;
    }
    #slideshow ul li img{
        width: 100%; height: auto;
    }
    .box_skitter .info_slide { width: 100%; text-align: center; position: absolute; left: 0; bottom: 30px; z-index: 99999; display:none; }
    .info_slide{
        display:none;
    }
.box_skitter .info_slide span { width: 14px; height: 14px; display: inline-block; border-radius: 50%; cursor: pointer; border: 1px solid #fff; background: transparent; opacity: 0.4; margin: 0 5px; font-size: 0; }
.box_skitter .info_slide .image_number_select { opacity: 1; background: #fff !important; }